<!doctype html>
<html lang="en">

<head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Hi-dialect</title>
   <link rel="stylesheet" href="css/style.css">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
</head>

<body>

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

	<!-- App Header -->
	<div class="appHeader">
		<div class="left">
			<a href="javascript:;" class="icon goBack">
				<i class="icon ion-ios-arrow-back"></i>
			</a>
		</div>
		<div class="pageTitle">活动详情</div>
		<div class="right">
		</div>
	</div>
	<!-- * App Header -->

    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="appContent">

            <div class="sectionTitle mt-2">
                <div class="text-muted">Overview</div>
                <div class="title">
                    <h1>父亲节快乐！</h1>
                    <a href="#">参与活动</a>	<!-- 工具界面 -->
                </div>
                <div class="lead  text-muted">
                    方言送祝福，老爹乐开怀
                </div>
				<div class="lead  text-muted" id="brief"></div>
				<div class="lead  text-muted" id="startTime"></div>
				<div class="lead  text-muted" id="endTime"></div>
            </div>

            <!-- item list -->
            <div class="itemList">
				<a href="video-play.html">
					<div class="item mb-2">
						<div class="image">
							<img src="img/sample/photo14.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">打个招呼</h4>
							<div class="text-muted">早上好，学巴得嘞。</div>
						</div>
					</div>
				</a>
				<a href="video-play.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo13.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">吃点美食</h4>
							<div class="text-muted">来喝点茶，塔叠过门。</div>
						</div>
					</div>
				</a>
				<a href="video-play.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo4.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">问点问题</h4>
							<div class="text-muted">多少钱？仍特时德？</div>
						</div>
					</div>
				</a>
				<a href="video-play.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo5.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">尽情欢愉</h4>
							<div class="text-muted">欢迎到四姑娘山来玩！四姑娜读得白嫩背！</div>
						</div>
					</div>
				</a>
            </div>
            <!-- * item list -->
        </div>
    </div>
    <!-- * appCapsule -->

    <!-- App Bottom Menu -->
    <div class="appBottomMenu">
        <div class="item">
            <a href="homepage.html">
                <p>
                    <i class="icon ion-ios-water"></i>
                    <span>首页</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="activitiy-main.html">
                <p>
                    <i class="icon ion-ios-apps"></i>
                    <span>活动</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="xxx.html">
                <p>
                    <i class="icon ion-ios-add-circle"></i>
                    <span>工具</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="social-home.html">
                <p>
                    <i class="icon ion-ios-aperture"></i>
                    <span>动态</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="people-info.html">
                <p>
                    <i class="icon ion-ios-person"></i>
                    <span>我的</span>
                </p>
            </a>
        </div>
    </div>
    <!-- * App Bottom Menu -->


    <!-- ///////////// Js Files ////////////////////  -->
    <!-- Jquery -->
    <script src="js/lib/jquery-3.4.1.min.js"></script>
    <!-- Bootstrap-->
    <script src="js/lib/popper.min.js"></script>
    <script src="js/lib/bootstrap.min.js"></script>
    <!-- Owl Carousel -->
    <script src="js/plugins/owl.carousel.min.js"></script>
    <!-- Main Js File -->
    <script src="js/app.js"></script>
	<script>
		$(function() {
			getDate();
		 
			function getDate() {
				var temp = '';
				$.ajax({
					type: "get",
					url: "http://47.95.220.161:8080/activity/getActivities",
					dataType: "json",
					success: function(res) {
						//var list = res.activities;
						console.log(res);
						var temp='';
						for(var $i = 0; $i < res.length; $i++) {
							if($i!=0){
							 $("#startTime").html("开始时间 "+res[$i].startTime);
							 $("#endTime").html("结束时间 "+res[$i].startTime);
							}
						}
						// $("#jsonTable tr:not(:first)").html(""); /*  除了第一行tr的内容，其余内容清空，防止获取重复的数据  */
						// $("#jsonTable").append(temp);
					},
					error: function (jqXHR, textStatus, errorThrown) {
					        alert("服务器繁忙，请稍后再试");
					    }
				});
			}
		});
	</script>

</body>

</html>
